/*文字颜色*/
.co_fff{ color:#fff !important;}
.co_000{ color:#000 !important;}
.co_333{color: #333 !important;}
.co_666{color: #666 !important;}
.co_999{color: #999 !important;}
.co_transparent{ color:transparent !important;}

.co_E04C46{ color:#E04C46 !important;}
.co_64acff{ color:#64acff !important;}
.co_FA732F{ color:#FA732F !important;}
.co_5493C7{ color:#5493C7 !important;}
.co_grey{ color: grey !important;}
.co_F4B41A{color: #F4B41A !important;}
.co_c60001{color: #c60001 !important;}
.co_FF0000{color: #FF0000 !important;}
.co_0ad161{color: #0ad161 !important;}
.co_4DAABF{color: #4DAABF !important;}
.co_555555{color: #555555 !important;}
.co_D70D0E{color: #D70D0E !important;}

/* 背景颜色 */
.bg_fff{ background:#fff !important;}
.bg_000{ background:#000 !important;}
.bg_333{ background:#333 !important;}
.bg_transparent{ background:transparent !important;}

.bg_F3F2F7{ background:#F3F2F7 !important;}
.bg_FFF8EB{ background:#FFF8EB !important;}
.bg_3A8CFF{ background:#3A8CFF !important;}
.bg_4494EE{ background:#4494EE !important;}
.bg_fafafa{ background:#fafafa !important;}
.bg_f6f6f6{ background:#f6f6f6 !important;}
.bg_FF0000{ background:#FF0000 !important;}

.border-r12 {
	border-radius: 24rpx;
}
.border-r10{
	border-radius: 20rpx;
}
.border-r_50 {
	border-radius: 50%;
}
// 定义字体(rpx)单位，12-40px字体
@for $i from 8 through 50 {
	.f-s#{$i} {
		font-size: $i*2 + rpx!important;
	}
}
.f-s48{ font-size: 96rpx !important;}
.f-s60{ font-size: 120rpx !important;}
.f-s70{ font-size: 140rpx !important;}

.f-w100{font-weight: 100;}
.f-w400{font-weight: 400;}
.f-w500{font-weight: 500;}
.f-w600{font-weight: 600;}
.f-w700{font-weight: 700;}
.f-w800{font-weight: 800;}
.f-w900{font-weight: 900;}
.f-wbold{font-weight: bold;}
.f-wnormal{font-weight: normal;}

.f-f-arial{ font-family: arial;}
.t-d-lt{text-decoration: line-through;}

/*行高 1-2倍*/
@for $i from 10 through 20 {
	.line-h#{$i}0 {
		line-height: $i / 10!important;
	}
}
.fixed-sub-tool{
	position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 0 -2rpx 0 rgba(0, 0, 0, 0.05); z-index: 10;
}
.mintr-gray{
	background: none !important;color: #999 !important;border:2rpx solid #f3f3f3 !important; margin: 0 !important; box-sizing: border-box;
	&::after{border: none;}
}
.style_tit2{
	position: relative; padding-left:26rpx; font-size: 32rpx;
	&::after{ content: ''; position: absolute; left:0; top:0; bottom: 0; margin: auto 0; width: 6rpx; height: 32rpx; background:#e10018; border-radius: 6rpx;}
}
.border-f8f8f8{ border-top:2rpx solid #f8f8f8; }
/*文字溢出隐藏*/
.webkit-line-clamp-1{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.webkit-line-clamp-2{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.webkit-line-clamp-3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.webkit-line-clamp-5{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.ovh{
	overflow: hidden !important;
}
/*强制文字换行(含英文)*/
.word-wrap-qzhh{word-wrap: break-word; word-break:break-all;}
/* 遮罩层 */
.mask{
	position: fixed;
	background: rgba(0,0,0,.5);
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

image{display: block;}

.imagesAnimation{
	transition: 1s;
	-webkit-animation: animloader .5s  alternate;
	animation: animloader .5s  alternate;
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes animloader {
  0% {
	transform: scale(1.2);
  }
  100% {
	transform: scale(1);
  }
}
@-webkit-keyframes animloader {
  0% {
	transform: scale(1.2);
  }
  100% {
	transform: scale(1);
  }
}
/*内边距*/
@for $i from 0 through 6 {
	.p-#{$i*5} {
		padding: $i*10 + rpx!important;
	}
}
.p-t3{padding-top: 6rpx !important;}
.p-t8{padding-top: 16rpx !important;}
.p-t12{padding-top: 24rpx !important;}
.p-t14{padding-top: 28rpx !important;}
@for $i from 0 through 10 {
	.p-t#{$i*5} {
		padding-top: $i*10 + rpx!important;
	}
}
.p-r3{padding-right: 6rpx !important;}
@for $i from 0 through 10 {
	.p-r#{$i*5} {
		padding-right: $i*10 + rpx!important;
	}
}
.p-b3{padding-bottom: 6rpx !important;}
.p-b8{padding-bottom: 16rpx !important;}
.p-b12{padding-bottom: 24rpx !important;}
.p-b14{padding-bottom: 28rpx !important;}
@for $i from 0 through 10 {
	.p-b#{$i*5} {
		padding-bottom: $i*10 + rpx!important;
	}
}
.p-l3{padding-left: 6rpx !important;}
.p-l12{padding-left: 24rpx !important;}
@for $i from 0 through 10 {
	.p-l#{$i*5} {
		padding-left: $i*10 + rpx!important;
	}
}

/*外边距*/
@for $i from 0 through 6 {
	.m-#{$i*5} {
		margin: $i*10 + rpx!important;
	}
}
.m-t3{margin-top: 6rpx !important;}
.m-t8{margin-top: 16rpx !important;}
.m-t12{margin-top: 24rpx !important;}
.m-t14{margin-top: 28rpx !important;}
.m-t23{margin-top: 46rpx !important;}
@for $i from 0 through 20 {
	.m-t#{$i*5} {
		margin-top: $i*10 + rpx!important;
	}
}
.m-r3{margin-right: 6rpx !important;}
.m-r12{margin-right:24rpx !important;}
.m-r17{margin-right:34rpx !important;}
.m-r21{margin-right:42rpx !important;}
@for $i from 0 through 15 {
	.m-r#{$i*5} {
		margin-right: $i*10 + rpx!important;
	}
}
.m-b3{margin-bottom: 6rpx !important;}
.m-b8{margin-bottom: 16rpx !important;}
.m-b12{margin-bottom: 24rpx !important;}
@for $i from 0 through 10 {
	.m-b#{$i*5} {
		margin-bottom: $i*10 + rpx!important;
	}
}
.m-l21{margin-left:42rpx !important;}
.m-l3{margin-left: 6rpx !important;}
.m-l12{margin-left: 24rpx !important;}
@for $i from 0 through 10 {
	.m-l#{$i*5} {
		margin-left: $i*10 + rpx!important;
	}
}


/*正 图片宽度*/
.img{ vertical-align: top;}

.border-gray{ border-top:2rpx solid #f2f2f2; }
.border-gray-1{ border:2rpx solid #f2f2f2; }

.rounded-circle{ border-radius: 50% !important; }
.border-radius-0{ border-radius: 0 !important; }
.border-radius-4{ border-radius: 8rpx !important; }
.border-radius-6{ border-radius: 12rpx !important; }
.border-radius-8{ border-radius: 16rpx !important; }
.border-radius-10{ border-radius: 20rpx !important; }
.border-radius-12{ border-radius: 24rpx !important; }
.border-radius-100{ border-radius: 200rpx !important; }
.white-space-normal{ white-space: normal;}


button[disabled]{ color: rgba(0,0,0,.35) !important; background: #ddd !important;}
button[type=default] {
	background: transparent !important;
}

// 底部刘海屏适配
.b-liuhai {
  padding-bottom: env(safe-area-inset-bottom) !important;
}
// 底部刘海屏适配
.b-margintop {
  margin-bottom: env(safe-area-inset-bottom) !important;
}

// 删除线
.textd_lineth{text-decoration:line-through;}

/*flex布局*/
.d-flex{ display:flex;}
.d-flex-center{ display:flex;align-items: center;justify-content: center;}
.d-inline-block{display: inline-block;};
.d-block{display: block !important;};
.d-none{ display: none;}
.flex-direction-column{flex-direction: column;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.justify-between {justify-content: space-between;}
.align-center {align-items: center;}
.align-items-end{align-items: flex-end;}
.align-items-baseline{align-items: baseline;}
.justify-content-center{justify-content: center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-start{justify-content:flex-start;}
.justify-content-space-between{justify-content:space-between}
.justify-content-space-around{justify-content: space-around}
.flex-wrap{flex-wrap: wrap;}
.flex-grow{flex-grow: 1;}
.flex1{ flex:1;}
.flex-shrink{flex-shrink: 1;}
.position-fixed{ position: fixed;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.position-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.position-top{position: absolute;left: 50%;top: 0;transform: translate(-50%,0)}
.marigin-0{margin: 0 !important;}
.padding-0{padding: 0 !important;}
.text-center{text-align: center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/*多行文本省略号*/
.text-init{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	white-space: normal;
}
// 去除内边距距离
.box_box{
	box-sizing: border-box;
}
input,button,a {
outline:0 none !important; blr:expression(this.onFocus=this.blur());
}
button::after{
	border: none !important;
}
  button {
        border: 0 none;
        background: transparent;
        border-radius: 0;
		margin: 0;
		padding: 0;
        outline: none;
    }
 
    /*取消button点击的默认样式*/
    button:focus {
        border: 0 none;
        outline: none;
    }
// 去除按钮的背景颜色
.bButtonClass{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本号的安卓，4.0下面 */  
	background-color: transparent;
}
